﻿@extends('Admin.layout.blank')

@section('body')

<section class="Hui-article-box">
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 产品管理 <span class="c-gray en">&gt;</span> 分类列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>

	<div class="Hui-article">
		<article class="cl pd-20">
		<div>
			<div class="pd-20">
			<form action="{{ route('typelist') }}" method="get">
				<div class="text-c">

			</form>
				</div "cl pd-5 bg-1 bk-gray mt-20">
				<div>
				<a class="btn btn-primary radius" onclick="product_add('添加分类','{{ route('goods-typeadd') }}' ,',','1000','600')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加分类</a></span>
				</div>
				<div class="mt-20">
					<table class="table table-border table-bordered table-bg table-hover table-sort">
						<thead>
							<tr class="text-c">
								<th width="200">ID</th>
								<th width="200">父类ID</th>
								<th width="100">分类名称</th>
								<th width="200">路径Path</th>
								<th width="300">操作</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($type as $v)
							@php
							$num = substr_count($v->path, ',');
							$str = '┖---'.str_repeat('--', ($num-1)*2);
							@endphp
							<tr class="text-c va-m">
								<td>{{ $v->id }}</td>
								<td>{{ $v->pid }}</td>
								<td>{{ $str }}{{ $v->type_name }}</td>
								<td>{{ $v->path }}</td>
								<td class="td-manage">
								@if($num == 2)
									<a style="text-decoration:none" class="ml-5" onClick="product_edit('编辑分类','{{ route('edittype', ['id' => $v->id]) }}' ,',','1000','600')" href="javascript:;" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a>
									<a style="text-decoration:none" class="ml-5" onClick="product_del(this,{{ $v->id }})" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
								@else
									<a style="text-decoration:none" onClick="product_add('添加分类','{{ route('goods-typeadd', ['id' => $v->id]) }}' ,',','1000','600')" href="javascript:;" title="添加"><i class="Hui-iconfont">&#xe61f;</i></a>
									<a style="text-decoration:none" class="ml-5" onClick="product_edit('编辑分类','{{ route('edittype', ['id' => $v->id]) }}' ,',','1000','600')" href="javascript:;" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a>
									<a style="text-decoration:none" class="ml-5" onClick="product_del(this, {{ $v->id }})" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
								@endif
							</tr>
							@endforeach

						</tbody>
					</table>


				</div>
			</div>
		</div>

	</div>
</section>

@endsection

@section('footer-js')


<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{{ asset('AdminPublic/lib/My97DatePicker/4.8/WdatePicker.js') }}"></script>
<script type="text/javascript" src="{{ asset('AdminPublic/lib/datatables/1.10.0/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('AdminPublic/lib/laypage/1.2/laypage.js') }}"></script>
<script type="text/javascript" src="{{ asset('AdminPublic/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js') }}"></script>
<script type="text/javascript">

// $('.table-sort').dataTable({
// 	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
// 	"bStateSave": true,//状态保存
// 	"aoColumnDefs": [
// 	  // {"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
// 	  {"orderable":false,"aTargets":[0,6]}// 制定列不参与排序
// 	]
// });


/*添加*/
function product_add(title,url,id,w,h){
	layer_show(title,url,w,h);
}

/*编辑*/
function product_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}

/*删除*/
function product_del(obj,id){

	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type:'get',
			url:'{{route("deltype")}}',
			data: 'id='+id,

			success:function (msg) {

				//分类下有子分类
				if (msg.status == 403) {
					layer.msg(msg.msg, {icon:1,time:1000});
					return false;
				}

				//分类下有商品
				if (msg.status == 404) {
					layer.msg(msg.msg, {icon:1,time:1000});
					return false;
				}

				//删除成功
				if (msg.status == 200) {
					layer.msg(msg.msg, {icon:1,time:1000});
					$(obj).parents("tr").remove();
					return false;
				}
			},
			// error:function (e,a,b) {
			// 	errorObj = JSON.parse(e.responseText);
			// 	console.log(errorObj);
			// },
			dataType:'json'
		});
		// $(obj).parents("tr").remove();
		// layer.msg('已删除!',{icon:1,time:1000});
	});
}
// var setting = {
// 	view: {
// 		dblClickExpand: false,
// 		showLine: false,
// 		selectedMulti: false
// 	},
// 	data: {
// 		simpleData: {
// 			enable:true,
// 			idKey: "id",
// 			pIdKey: "pId",
// 			rootPId: ""
// 		}
// 	},
// 	callback: {
// 		beforeClick: function(treeId, treeNode) {
// 			var zTree = $.fn.zTree.getZTreeObj("tree");
// 			if (treeNode.isParent) {
// 				zTree.expandNode(treeNode);
// 				return false;
// 			} else {
// 				demoIframe.attr("src",treeNode.file + ".html");
// 				return true;
// 			}
// 		}
// 	}
// };

// var zNodes =[
// 	{ id:1, pId:0, name:"一级分类", open:true},
// 	{ id:11, pId:1, name:"二级分类"},
// 	{ id:111, pId:11, name:"三级分类"},
// 	{ id:112, pId:11, name:"三级分类"},
// 	{ id:113, pId:11, name:"三级分类"},
// 	{ id:114, pId:11, name:"三级分类"},
// 	{ id:115, pId:11, name:"三级分类"},
// 	{ id:12, pId:1, name:"二级分类 1-2"},
// 	{ id:121, pId:12, name:"三级分类 1-2-1"},
// 	{ id:122, pId:12, name:"三级分类 1-2-2"},
// ];

// var code;

// function showCode(str) {
// 	if (!code) code = $("#code");
// 	code.empty();
// 	code.append("<li>"+str+"</li>");
// }

// $(document).ready(function(){
// 	var t = $("#treeDemo");
// 	t = $.fn.zTree.init(t, setting, zNodes);
// 	demoIframe = $("#testIframe");
// 	demoIframe.bind("load", loadReady);
// 	var zTree = $.fn.zTree.getZTreeObj("tree");
// 	zTree.selectNode(zTree.getNodeByParam("id",'11'));
// });

// $('.table-sort').dataTable({
// 	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
// 	"bStateSave": true,//状态保存
// 	"aoColumnDefs": [
// 	  {"orderable":false,"aTargets":[0,7]}// 制定列不参与排序
// 	]
// });
// /*图片-查看*/
// function product_show(title,url,id){
// 	var index = layer.open({
// 		type: 2,
// 		title: title,
// 		content: url
// 	});
// 	layer.full(index);
// }
// /*图片-审核*/
// function product_shenhe(obj,id){
// 	layer.confirm('审核文章？', {
// 		btn: ['通过','不通过'],
// 		shade: false
// 	},
// 	function(){
// 		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
// 		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
// 		$(obj).remove();
// 		layer.msg('已发布', {icon:6,time:1000});
// 	},
// 	function(){
// 		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
// 		$(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
// 		$(obj).remove();
//     	layer.msg('未通过', {icon:5,time:1000});
// 	});
// }
// /*图片-下架*/
// function product_stop(obj,id){
// 	layer.confirm('确认要下架吗？',function(index){
// 		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
// 		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
// 		$(obj).remove();
// 		layer.msg('已下架!',{icon: 5,time:1000});
// 	});
// }

// /*图片-发布*/
// function product_start(obj,id){
// 	layer.confirm('确认要发布吗？',function(index){
// 		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
// 		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
// 		$(obj).remove();
// 		layer.msg('已发布!',{icon: 6,time:1000});
// 	});
// }
// /*图片-申请上线*/
// function product_shenqing(obj,id){
// 	$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
// 	$(obj).parents("tr").find(".td-manage").html("");
// 	layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
// }


</script>
<!--/请在上方写此页面业务相关的脚本-->
@endsection
